<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<title>商品分类列表</title>
		<style>
			* {
				padding: 0px;
			}

			div#d {
				width: 200px; 
				border: 2px solid orange;
				border-radius: 10px; 

			}
			div#d ul li img{
				vertical-align: middle;
			}

			div#d ul li {
				list-style: none;
			/* 	padding-top: 20px; */

			}

			.b {
				border-bottom: 1px dotted black;
			}

		  
		</style>
	</head>
	<body>
		<div id="d">
			<ul>
				<li class="b"><img src="icon_01.jpg" class="e" /><span CLASS="c">酒水、饮料</span></li>
				<li class="b"><img src="icon_02.jpg" class="e" /><span class="c">进口食品</span></li>
				<li class="b"><img src="icon_03.jpg"><span class="c">休闲零食</span></li>
				<li class="b"><img src="icon_04.jpg"><span class="c">地方特产</span></li>
				<li class="b"><img src="icon_05.jpg"><span class="c">保健、冲调</span></li>
				<li class="b"><img src="icon_06.jpg"><span class="c">粮油、生鲜</span></li>
				<li class="b"><img src="icon_07.jpg"><span class="c">美容洗护</span></li>
				<li class="b"><img src="icon_08.jpg"><span class="c">清洁洗涤</span></li>
				<li class="b"><img src="icon_09.jpg"><span class="c">母婴、纸品</span></li>
				<li><img src="icon_10.jpg"><span>家居百货</span></li>

			</ul>
		</div>

	</body>
</html>
